<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"></meta>
  <title>Thrive Mobile Application</title>
  <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"/>

	<link rel="stylesheet" href="../../scripts/jquery.mobile-1.0.1/jquery.mobile-1.1.0-rc.1.min.css" type="text/css" />
    <link rel="stylesheet" href="../../scripts/jquery.mobile-1.0.1/thrive-theme.css" type="text/css">
    <script src="../../scripts/jquery.mobile-1.0.1/jquery-1.6.4.min.js" type="text/javascript"></script>
    <script src="../../scripts/Thrive.js"  type="text/javascript"></script>
    <script src="../AccountControl/AccountControl.js" type="text/javascript"></script>
    <script src="Believe.js" type="text/javascript"></script>
    <script src="../Feel/Feel.js" type="text/javascript"></script>
    <script src="../../scripts/jquery.mobile-1.0.1/jquery.mobile-1.1.0-rc.1.min.js" type="text/javascript"></script>
    <link rel="stylesheet" href="../../css/style.css" type="text/css" />
</head>

<body>
    <div id="believe2" data-role="page" data-theme="a">
    
    <script type="text/javascript">
		$("#believe2").live('pagebeforeshow', function() {
			currentPage = "believe2.html";
		});
		
		$(".popup_container").live('click', function() {
			removePopup();
		});
		
		$(".popup_container").live('tap', function() {
			removePopup();
		});
		
		$(".popup_container").bind('touchstart', function()  {
			removePopup();
		});
		
		$("#submit_believe").live('click', function() {
			sendBelieve();
		});
	</script>
    
    <div class="popup_container" style="display:none;">
        <div class="popup"></div>
    </div>
    
    <div data-role="header" data-theme="a">
    	<a href="believe.html" data-role="button" data-icon="arrow-l">Believe</a>
        <h1>Believe</h1>
        <a href="info.html" data-icon="info">Info</a>
    </div>
    
    <div data-role="content" data-theme="a">
   		<div id="info">
            <p>Please read the following statements and move the slider to indicate how
                much like you the statement is:</p>
                <ul>
                <li>1 indicates the statement is completely untrue of me.</li>
                <li>6 indicates the statement describes me perfectly.</li>
                </ul>
        	</p>
    	</div>
    
        <form id="believe_form_2" selected="true">
            <fieldset>
                
                <div class="row">
                <label for="slider-10">I usually see the positive side of things:</label>
                <input type="range" name="q11" id="slider-10" value="3" min="1" max="6" data-highlight="true" onkeypress="validate(event)" />
                </div>
                
                <div class="row">
                <label for="slider-11">If I try hard I can usually do well:</label>
                <input type="range" name="q12" id="slider-11" value="3" min="1" max="6" data-highlight="true" onkeypress="validate(event)" />
                </div>
                
                <div class="row">
                <label for="slider-12">I can respond well to challenges:</label>
                <input type="range" name="q13" id="slider-12" value="3" min="1" max="6" data-highlight="true" onkeypress="validate(event)" />
                </div>
                
                <div class="row">
                <label for="slider-13">I value many things about myself:</label>
                <input type="range" name="q14" id="slider-13" value="3" min="1" max="6" data-highlight="true" onkeypress="validate(event)" />
                </div>
                
                <div class="row">
                <label for="slider-14">I do well when I try my best:</label>
                <input type="range" name="q15" id="slider-14" value="3" min="1" max="6" data-highlight="true" onkeypress="validate(event)" />
                </div>
                
                <div class="row">
                <label for="slider-15">When things are bad I can still think of something good:</label>
                <input type="range" name="q16" id="slider-15" value="3" min="1" max="6" data-highlight="true" onkeypress="validate(event)" />
                </div>
                
                <div class="row">
                <label for="slider-16">I value myself:</label>
                <input type="range" name="q17" id="slider-16" value="3" min="1" max="6" data-highlight="true" onkeypress="validate(event)" />
                </div>
                
                <div class="row">
                <label for="slider-17">I feel comfortable telling people important things about myself:</label>
                <input type="range" name="q18" id="slider-17" value="3" min="1" max="6" data-highlight="true" onkeypress="validate(event)" />
                </div>
                
                <div class="row">
                <label for="slider-18">If I try I will succeed:</label>
                <input type="range" name="q19" id="slider-18" value="3" min="1" max="6" data-highlight="true" onkeypress="validate(event)" />
                </div>
                
                <div class="row">
                <label for="slider-19">I can deal with tough things:</label>
                <input type="range" name="q20" id="slider-19" value="3" min="1" max="6" data-highlight="true" onkeypress="validate(event)" />
                </div>
            </fieldset>
            <a id="submit_believe" type="submit" data-role="button">Submit</a>
        </form>
    
    </div>
    
    </div>
</body>

</html>
